<template>
  <view class="technology bs df-y">
	  <view class="items">
		  <view class="title shsc fb">制茶工艺</view>
		  <view class="item" v-for="(item,index) in 3" :key="index">
			  <view class="img"></view>
			  <view class="step shsc fs30 fb">{{index+1}}.采摘</view>
			  <view class="content fs26">布朗山...</view>
		  </view>
	  </view>
  </view>
</template>
 
<script>
  export default {
    name: '',
	components: {
		
	},
    data: function () {
      return {
      }
    },
    methods: {},
    created() {},
    mounted() { },
  }
</script>
 
<style scoped lang="scss">
	.technology{
		width: 690rpx;
		background: #FFFFFF;
		box-shadow: 0px 15rpx 59rpx 0px rgba(153, 153, 153, 0.2);
		border-radius: 20rpx;
		padding: 0 40rpx;
		.items{
			margin-bottom: 60rpx;
		}
		.title{
			margin-top: 68rpx;
			font-size: 40rpx;
			color: #333333;
		}
		.item{
			.img{
				width: 610rpx;
				height: 260rpx;
				border-radius: 20rpx;
				margin-top: 56rpx;
				background-color: #CCCCCC;
			}
			.step{
				margin-top: 50rpx;
			}
			.content{
				margin-top: 38rpx;
				color: #555555;
				line-height: 46rpx;
			}
		}
	
	}

</style>
